<%@page import="br.com.Modelo.UsuarioCliente"%>
<%@page import="java.util.List"%>
<%@page import="br.com.Modelo.Produto"%>
<%@page import="br.com.Modelo.UsuarioComerciante"%>
<%@page import="br.com.Dao.UsuarioClienteDao"%>
<%@page import="br.com.Dao.UsuarioComercianteDao"%>
<%@page import="br.com.Dao.ProdutoDao"%>
<%@page import="java.io.IOException"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mercado Catalão</title>
<!-- Bootstrap Core CSS -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<style type="text/css">
.topo {
	width: 100%;
	height: 100px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #223D62),
		color-stop(1, #152840));
	background-image: -o-linear-gradient(bottom, #223D62 10%, #152840 100%);
	background-image: -moz-linear-gradient(bottom, #223D62 10%, #152840 100%);
	background-image: -webkit-linear-gradient(bottom, #223D62 10%, #152840 100%);
	background-image: -ms-linear-gradient(bottom, #223D62 10%, #152840 100%);
	background-image: linear-gradient(to bottom, #223D62 10%, #152840 100%);
}

.logo {
	background-image: url(img/logo.png);
	width: 172px;
	height: 100px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#box {

	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	opacity: 1;
}

#box:hover {
	/*box-shadow: 0 1px 15px #777;*/
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	background: rgba(200, 200, 200, 0.1);
	cursor: pointer;
}

#box2 {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	opacity: 1;
}

#box2:hover {
	/*box-shadow: 0 1px 15px #777;*/
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	/*background: rgba(200, 200, 200, 100);*/
	cursor: pointer;
}
#img{
 height: 100px;
 
  }
</style>
</head>

<%
	String err =request.getParameter("check-user") == null ? "": "Erro";
    if(err.equals("Erro")){
%>

<div class="alert alert-danger">  
	<button type="button" class="close" data-dismiss="alert">×</button>
	<strong>Err!</strong> Login e Senha Invalidos!! Tente Novamente
</div>

<%
	}
%>

<%@ include file="topo.jsp"%>

<%
	//allow access only if session exists
	String[] id = (String[]) session.getAttribute("user");
	UsuarioCliente userCliente = null;
	UsuarioComerciante userComerciante = null;
	//Produto produto = new Produto();
	List<Produto> produtos;	
	produtos = new ProdutoDao().getListProduto();
	long i = 1;
	//produto = new ProdutoDao().getProdId(i);
	UsuarioClienteDao dao = new UsuarioClienteDao();
	UsuarioComercianteDao dao1 = new UsuarioComercianteDao();
	if (id != null) {
		//out.print(id[0] + "->" + id[1]);
		if (id[1].equals("1")) {

	userCliente = dao.validaAutenticacaoUser(
			Long.parseLong(id[0]), Integer.parseInt(id[1]));

		} else {

	userComerciante = dao1.validaAutenticacaoUser(
			Long.parseLong(id[0]), Integer.parseInt(id[1]));
		}
	}
	String userName = null;
	String sessionID = null;
	Cookie[] cookies = request.getCookies();
	if (cookies != null) {
		for (Cookie cookie : cookies) {
	if (cookie.getName().equals("user"))
		userName = cookie.getValue();
	if (cookie.getName().equals("JSESSIONID"))
		sessionID = cookie.getValue();
		}
	}
	if (userCliente != null || userComerciante != null) {
		if (userCliente == null) {
	//out.print("Login : " + userComerciante.getLogin());
		} else {
	//out.print("Login : " + userCliente.getLogin());
		}

	}
%>

<%!public static String getNamePage(long id) {

		ProdutoDao daoProd = new ProdutoDao();	
		
		return daoProd.getPageComerciante(id);
	}
%>

<%@ include file="menu.jsp"%>



<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
				</button>
				<h4 class="modal-title" id="myModalLabel">Descrição do Produto</h4>
			</div>
			<div class="modal-body">

				<img alt="" src="img/imgsss.jpg" width="150px" height="200px;">

				<p>
					A <strong>Motorola</strong> inova mais uma vez e traz toda a
					comodidade <br />e tecnologia em um aparelho único e com recursos
					que vão além dos smartphones convencionais e funções que não apenas
					proporcionam praticidade a sua vida.
				</p>

				<p>
					Todos esses benefícios podem ser vistos no novíssimo <strong>Smartphone
						Moto G </strong>que conta com novidades que promete agradar até os
					consumidores mais exigentes. O <strong>Moto G</strong> possui um
					design de ponta que conta com tela <strong>Full Touch</strong>
					ampla que permite a visualização de redes sociais e aplicativos que
					facilitam o uso do aparelho.
				</p>


			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				<a href="loja.jsp" class="btn btn-primary" role="button">Loja</a>
			</div>
		</div>
	</div>
</div>


<!-- estrutura -->
<div class="row">
	<div class="col-md-3" align="left">
		<div class="list-group">
			<a href="/plataforma_marketing/roupas" class="list-group-item">Loja de Roupas</a> <a
				href="/plataforma_marketing/sapatos" class="list-group-item">Sapatarias</a> <a
				href="/plataforma_marketing/moveis_eletros" class="list-group-item">Móveis e
				Eletrodomésticos</a> <a href="/plataforma_marketing/supermercados" class="list-group-item">Supermercados</a>
		</div>
	</div>

	<div class="col-md-9">
		<div class="page-header">
			<h3>Produtos em Destaque</h3>
		</div>

		<!-- produtos list -->

		<%
			for (Produto produto : produtos) {
		%>
		<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img  id="img" src="/plataforma_marketing/img/product/<%=produto.getImagem_produto()%>" 
					alt="..." />
				<div class="caption" id="box2">
					<h4><%=produto.getNome_produto()%></h4>
					
					<% 
					if(produto.getPreco_promocao_produto() == 0){				
						%>
						
					<p><b><font color="#357ebd" size="+2">Por:R$ <%=produto.getPreco_normal_produto()%></font></b></p>
					<% 
						}
					else{
					%>
						<p><font color="#888">De:R$ <%=produto.getPreco_normal_produto()%></font><br />
						<b><font color="#357ebd" size="+2">Por:R$ <%=produto.getPreco_promocao_produto()%></font></b></p>
					<% 
						}
					%>						
					<p>
						<a href="products/<%=getNamePage(produto.getId_produto())%>/<%=produto.getId_produto()%>"
							class="btn btn-primary" role="button" data-toggle=""
							data-target="">Detalhes</a> <a
							href="<%=getNamePage(produto.getId_produto())%>"
							class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div>
		<%
			}
		%>
		<!-- 
		
		
			<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png"
					alt="..." />
				<div class="caption" id="box2">
					<h4><produto.getNome_produto()%></h4>
					<p><=produto.getPreco_promocao_produto()%></p>
					<p>
						<a href="product_detail.jsp?prod=<produto.getId_produto()%>"
							class="btn btn-primary" role="button" data-toggle=""
							data-target="">Detalhes</a> <a
							href="<getNamePage(produto.getId_produto())%>"
							class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div>
		<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png"
					alt="..." />
				<div class="caption" id="box2">
					<h4>< //produto.getNome_produto()%></h4>
					<p>//produto.getPreco_promocao_produto()%></p>
					<p>	
					<ul style="list-style:none">
					   <li style="display:inline;">
					   <a
							href="getNamePage(produto.getId_produto())%>"
							class="btn btn-default" role="button">Loja</a>	
					   
					   </li>
					   
					   <li style="display:inline;">
					   	<form action="product_detail" method="post">
				      <input type="hidden" name="id" class="btn btn-primary" value="<produto.getId_produto()%>"/>
				      <input type="submit" class="btn btn-primary" value="Detalhe"/>
					</form>	
					   </li>
					
					
					</ul>
										
				
						
				
					</p>
				</div>
			</div>
		</div>
		
		
		
		
		<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png" alt="..." />
				<div class="caption" id="box2">
					<h4></h4>
					<p>...</p>
					<p>
						<a href="product_detail.jsp?prod=" class="btn btn-primary" role="button"
							data-toggle="" data-target="">>Detalhes</a> <a
							href="#" class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div>


		<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png" alt="..." />
				<div class="caption" id="box2">
					<h4>Thumbnail label</h4>
					<p>...</p>
					<p>
						<a href="#" class="btn btn-primary" role="button">Detalhes</a> <a
							href="#" class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div>

		<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png" alt="..." />
				<div class="caption" id="box2">
					<h4>Thumbnail label</h4>
					<p>...</p>
					<p>
						<a href="#" class="btn btn-primary" role="button">Detalhes</a> <a
							href="#" class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div>

		<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png" alt="..." />
				<div class="caption" id="box2">
					<h4>Thumbnail label</h4>
					<p>...</p>
					<p>
						<a href="#" class="btn btn-primary" role="button">Detalhes</a> <a
							href="#" class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div>

		<div class="col-md-3">
			<div class="thumbnail" id="box" >
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png" alt="..." />
				<div class="caption" id="box2">
					<h4>Thumbnail label</h4>
					<p>...</p>
					<p>
						<a href="#" class="btn btn-primary" role="button">Detalhes</a> <a
							href="#" class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div>

		<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png" alt="..." />
				<div class="caption" id="box2">
					<h4>Thumbnail label</h4>
					<p>...</p>
					<p>
						<a href="#" class="btn btn-primary" role="button">Detalhes</a> <a
							href="#" class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div>

		<div class="col-md-3">
			<div class="thumbnail" id="box">
				<img src="http://renswijnmalen.nl/bootstrap/desktop_mobile.png" alt="..." />
				<div class="caption" id="box2">
					<h4>Thumbnail label</h4>
					<p>...</p>
					<p>
						<a href="#" class="btn btn-primary" role="button">Detalhes</a> <a
							href="#" class="btn btn-default" role="button">Loja</a>
					</p>
				</div>
			</div>
		</div> -->

	</div>
	<!-- fim col 9 -->

</div>

<!--  <form action="logar" method="post">
    	 Username<input type="text" name="login" style="padding:8px;">
   		  Senha <input type="password" name="senha" style="padding:8px;">
   		 <br>   
 		 <input type="submit" value="entrar" style="background-color:#FF3B62;border:4px;padding:8px;color:White;">
  </form> -->


<!--    <a href="LojaTeste/pageLojaTeste.jsp">Pagina  teste</a>
 <form action="LogoutServlet" method="post">
	 <input type="submit" class="fa fa-fw fa-power-off" value="Logout" >
  </form>	
                       
   <form action="testLoja" method="get">
		<input type="submit" class="fa fa-fw fa-power-off" value="Loddasdasd" >
   </form>		
                       
   <br/>
   <br/>
   <form action="LojaTeste/adminLojaTeste.jsp" method="get">
	<input type="submit" class="fa fa-fw fa-power-off" value="LojaTeste" >
   </form>	-->

<%//=request.getRemoteAddr()%>


<!-- jQuery Version 1.11.0 -->
	<script src="/plataforma_marketing/bootstrap/js/jquery-1.11.0.js"></script>
	<script src="/plataforma_marketing/bootstrap/js/bootstrap.js"></script>

</body>

</html>